<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<!-- 引入样式 -->
<link rel="stylesheet" href="${base}/plugin/element/index.css">
<script src="${base}/plugin/vue/vue.js"></script>
<script src="${base}/plugin/element/index.js"></script>
<script src="${base}/js/axios.min.js"></script>
<script src="${base}/js/jquery-1.7.js"></script>

<title>导航管理</title>
</head>
<body>

	<div id="header">
		<el-menu
		  :default-active="activeIndex"
		  class="el-menu-demo"
		  mode="horizontal"
		  @select="handleSelect">
		  	<el-menu-item index="${base}/guide/guideIndex/manage">导航管理   </el-menu-item>
		    <el-menu-item index="${base}/guide/website/manage">网站管理   </el-menu-item>
		  </el-submenu>
		</el-menu>
	</div>
	
	<div id="content">
	    <iframe id="contentIframe" src="${base}/guide/website/manage" frameborder="0"
            style="width:100%; height:calc(100vh - 112px); box-shadow: 0px 0px 4px #d9e2f3;"></iframe>    
	</div>

<script>
	  new Vue({
	    el: '#header',
	    data() {
	        return {
	          activeIndex: '${base}/guide/website/manage'
	        };
	      },
	      methods: {
	          handleSelect(key, keyPath) {
	          $("#contentIframe").attr("src", keyPath);
	        }
	      }
	  })
</script>
</body>
</html>